<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/style.css">
    <script src="__STATIC__/js-wap/jquery-1.11.3.min.js"></script>
    <script src="__STATIC__/js-wap/swiper.min.js"></script>
    <script src="__STATIC__/js-wap/common.js"></script>
    <title>拍卖订单</title>
    <script>
        $(function () {
            $(".list-state li").click(
                    function () {
                        $(this).addClass("active").siblings().removeClass("active");
                    }
            )
        })
    </script>
</head>
<body>
<div class="wrap">
    <div class="header-main">
        <a href="{:url('mobile/user_info/my_shop_index')}"><img src="__STATIC__/img-wap/back.png" class="back"></a>
        <span class="title">我的拍卖</span>
    </div>
    <div class="list-state">
        <ul>
            <li class="text-center"><a href="{:url('mobile/auction/order_selling')}">拍卖中</a></li>
            <li {eq name=":input('type')" value="0" }class="text-center tips active"{else/}class="text-center"{/eq}><a href="{:url('mobile/auction/order_list',['type'=>0])}">未支付</a></li>
            <li {eq name=":input('type')" value="1" }class="text-center tips active"{else/}class="text-center"{/eq}><a href="{:url('mobile/auction/order_list',['type'=>1])}">已支付</a></li>
            <li {eq name=":input('type')" value="2" }class="text-center tips active"{else/}class="text-center"{/eq}><a href="{:url('mobile/auction/order_list',['type'=>2])}">已发货</a></li>
            <li {eq name=":input('type')" value="3" }class="text-center tips active"{else/}class="text-center"{/eq}><a href="{:url('mobile/auction/order_list',['type'=>3])}">已收货</a></li>
        </ul>
    </div>
    {volist name="data" id="vo"}
    <div class="order-main">
        <div class="content">
            <a href="{:url('mobile/auction/order',['id'=>$vo.id])}">
                <div class="media">
                    <div class="media-left media-middle">
                        <a href="{:url('mobile/auction/order',['id'=>$vo.id])}">
                            <img class="media-object" src="/{$vo.picUrl}" alt="">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">{$vo.title}</h4>
                        <div class="price">&yen;{$vo.price}</div>
                    </div>
                </div>
            </a>
        </div>
    </div>
    {if condition="input('type') eq 0"}
    <div class="footer-submit">
        <input type="button" value="付款" onclick="buy_auction({$vo.id});">
    </div>
    {/if}
    {/volist}

</div>
</body>
<script>
function buy_auction (id) {
    window.location.href = "{:url('mobile/auction/order')}?id="+id;
}
</script>
</html>